<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表样式</title>

    <style>
        
        ul li{font-size: 30px}

     ul{border: 2px solid red}
          li{border: 2px solid blue}
         .header ul li{list-style-position:outside}
         /*这是项目符号向外*/
         .header ul li{list-style-position:inside}
         /*这是让项目符号向内*/
         .header ul li{list-style-image: url("image/箭头.png" )}
         /*这是换箭头方式*/
         .header ul li{list-style: square outside url("image/箭头.png") }
        /*这是 list-style缩写*/
    </style>
</head>
<body>
<div class="header">


    <ul>

        <li> 大家伙</li>
        <li> 大家伙</li>
        <li> 大家伙</li>
        <li> 大家伙</li>
        <li> 大家伙</li>
        <li> 大家伙</li>



    </ul>


</div>

</body>
</html>